{include file="common::header"/}

<style type="text/css">

    #reg_form > div {
        clear: both;
    }

    #reg_form label {
        height: 42px;
        display: inline-block;
        text-align: left;
        margin: 0 20px 0 30px;
        padding: 0 0 0 30px;
    }

    #reg_form button {
        width: 150px;
        height: 42px;
        display: inline-block;
        margin: 0;
        background: url('__STATIC__/index/images/reg_btn.png') no-repeat center;
        border: none;
        font-size: 18px;
        color: #fff;
        cursor: pointer;
    }

    #phone-bd div {
        width: fit-content;
    }

    .vs_con > div {
        padding-top: 40px;
    }

    .vs_con > div div {
        width: 100%;
        text-align: left;
    }

    .line {
    }

    .line > div > label:last-child {
        color: #00ceff;
    }

    .line > div > label:first-child {
        display: inline-block;
        width: 106px;
        height: 42px;
        padding-left: 46px;
    }

    .line2 > div > label:first-child {
        width: 140px;
    }

    .line > div > button {
        width: 150px;
        height: 42px;
        display: inline-block;
        margin: 0;
        background: url('__STATIC__/index/images/reg_btn.png') no-repeat center;
        border: none;
        font-size: 18px;
        color: #fff;
        cursor: pointer;
    }

    .line > b,
    .line2 > b {
        width: 100%;
        height: 30px;
        float: left;
        padding: 0 0 16px 30px;
        text-align: left;
        clear: both;
    }

    .line2 div span:first-child {
        min-width: 200px;
        display: inline-block;
        padding: 0 0 0 46px;
        line-height: 36px;
    }

    .line2 div a {
        display: inline-block;
        width: auto;
        height: auto;
        border: none;
        margin: 0;
        /*font-size: 14px;*/
        /*color: #535353;*/
        transition: all .3s;
    }

    .vs_con a:hover {
        background: none;
        color: #000000;
        text-decoration: underline;
    }

    #modal input {
        margin: 10px 0 0 0;
    }

    .recharge-desc p {
        color: #727272;
    }

</style>
<div class="vip_content">
        <div class="w1200">
            {include file="user::menu"/}
            <div class="r vip_list">
                <div class="vs_con active">
                    <h3>API接口</h3>
                    <div class="line">
                        <b>支付API信息</b>
                        <div>
                            <label>AppId:</label>
                            <label>{:is_login()}</label>
                        </div>
                        <div>
                            <label>AppKey:</label>
                            <label>{$api.key}</label>
                        </div>
                        <div style="text-align: center;width: 500px;" class="reg_btn">
                            <button type="button" onclick="page('修改公钥', '{:url(\'index/api/edit\')}', this, '810px', '360px');">修改公钥</button>
                        </div>
                    </div>
                    <div class="recharge-desc">
                        <p>【使用说明】</p>
                        <p>1、开通开放接口即可获得 <b>AppId</b>，<b>AppKey</b> 数据</p>
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <div class="layui-form-mid layui-word-aux">平台公钥：支付请求加密/验签公钥</div>
                        <textarea readonly disabled class="layui-textarea">MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAxV1hB4NP1NFgEM0mrx34z8gJMPBIhvDjAJcnMozk3jmUY9PkB7lZyfD6Fb+Xq21jIPX5zF4ggeYoK5keUH6TW9eJEr5JOqDl2YgKAdLfxLuJ4r8X1S3wflVp2/BURIbP1VGh6qNAxS3o8miL7x5BZ+jOhs4/LCq8YkncZioui5eAQ+/BoE++uM5IeSWZEVf8JsGo+MrOG2E/eOqetrB08Tm68igM6OMbKr05HKupcZm63zzDIHRJGKRjvdFjVoVznGsAC3phyh3bzYrjxykH00mLyw39/77MiBMp/uWVMh6wwiAjY2B25IKXXGCd0JSYvlpJWtCKbxlcAGDWSWkS0wIDAQAB</textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="clearfix"></div>
{include file="common::footer"/}
</body>
</html>